$gray:#e1e1e1;
$bule:#0086e4;
.wrap {
    width: 649px;
    height: 700px;
    padding: 0 44px;
    box-shadow: 1px 3px 9px #888888;
    margin: 0 auto;
    margin-top: 20px;
}

.title {
    font-size: 16px;
    border-bottom: 1px solid $gray;
    padding-bottom: 15px;
    padding-top: 40px;
}

.upload {
    padding-top: 17px;
    display: flex;
    .upload-l {
        .upload-input {
            width: 200px;
            height: 36px;
            line-height: 36px;
            text-align: center;
            background: $bule;
            position: relative;
            border-radius: 100px;
            color: white;
            margin: 13px 0 20px 0;
            input {
                position: absolute;
                left: 0px;
                width: 200px;
                opacity: 0;
            }
        }
        img {
            width: 200px;
            height: 200px;
        }
        .size {
            font-size: 12px;
            color: #8a8a8f;
            text-align: center;
        }
    }
}

.upload-r {
    padding-left: 35px;
    .set-title {
        margin-bottom: 17px;
        span {
            display: block;
            float: left;
            padding-right: 15px;
            text-align: right;
        }
        input {
            border: 1px solid $gray;
            width: 361px;
            height: 36px;
            float: left;
        }
        textarea {
            width: 357px;
            height: 71px;
            border: 1px solid $gray;
        }
    }
    .set-music {
        position: relative;
        span {
            position: absolute;
            text-align: right;
            left: -20px;
        }
        input {
            border: 1px solid $gray;
            width: 234px;
            height: 36px;
            float: left;
            margin-left: 47px;
        }
        .up-music {
            width: 90px;
            height: 36px;
            border-radius: 100px;
            background: #0086e4;
            float: right;
            text-align: center;
            line-height: 36px;
            color: white;
            position: relative;
            input {
                position: absolute;
                left: -42px;
                width: 90px;
                opacity: 0;
            }
        }
    }
}

.music {
    padding-left: 37px;
    padding-top: 14px;
}

.senior {
    padding-top: 55px;
    margin-bottom: 20px;
}

.senior-none {
    clear: both;
    margin-bottom: 35px;
    .seniop-title {
        font-size: 16px;
        float: left;
        margin-right: 20px;
    }
}

.seniop-list {
    li {
        float: left;
        font-size: 14px;
        color: #8a8a8f;
        margin-right: 35px;
        position: relative;
    }
    input {
        top: 1px;
        position: absolute;
    }
    span {
        margin-left: 17px;
    }
}

.cancel {
    width: 271px;
    margin: 0 auto;
    padding-top: 39px;
    a {
        width: 98px;
        height: 36px;
        line-height: 36px;
        background: $bule;
        color: white;
        text-align: center;
        display: block;
        border-radius: 100px;
        float: left;
        margin-right: 35px;
    }
    a:nth-child(2) {
        background: #bbbbbb;
    }
}